﻿<%@ Page Title="" Language="C#" MasterPageFile="~/ANMCMaster.Master" AutoEventWireup="true" CodeBehind="UserProfile.aspx.cs" Inherits="AllNations.UserProfile" %>
<%@ Register src="~/Controls/UserPageLeftNav.ascx" TagName="UserPageLeftNav" TagPrefix="ANMC" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ANHeaderContent" runat="server">
    <style type="text/css">
        .node .item-list li, .node ul li, .node ol li { list-style-type: none !important; }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ANPageHeader" runat="server">
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ANBodyContent" runat="server">
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"></telerik:RadAjaxLoadingPanel>
    <div class="leftnav">
        <div style="margin: 11px 0px 25px 0px;"><asp:Image ID="Image2" runat="server" ImageUrl="~/Images/sectionTitleMembership.png" /></div>
        <ANMC:UserPageLeftNav ID="UserPageLeftNav" runat="server" Selected="MyProfile" />
    </div>
    <div class="rightcontentarea">
        <div id="contentBoxHolder">
            <div class="ContentTitleBar">
                <asp:Image runat="server" ImageUrl="~/Images/titleMemberProfile.png" />
            </div>
            <telerik:RadMultiPage ID="ANMCPageViews" runat="server" RenderSelectedPageOnly="true" SelectedIndex="0">
                <telerik:RadPageView ID="viewMyProfile" runat="server">
                    <article class="node static-page content">
                        <table cellpadding="0" cellspacing="0" border="0">
                            <tr>
                                <td style="padding: 4px;">UserName:</td>
                                <td style="padding: 4px;"><asp:Label ID="lblUserName" runat="server" Font-Bold="true" /></td>
                            </tr>
                            <tr>
                                <td style="padding: 4px;">한글이름:</td>
                                <td style="padding: 4px;"><asp:TextBox ID="txtKoreanNm" runat="server" Width="70px" MaxLength="50" /></td>
                            </tr>
                            <tr>
                                <td style="padding: 4px;">Name (First, Last):</td>
                                <td style="padding: 4px;">
                                    <asp:TextBox ID="txtFirstnameTxt" runat="server" Width="200px" MaxLength="100" CssClass="FieldR2" />,
                                    <asp:TextBox ID="txtLastnameTxt" runat="server" Width="200px" MaxLength="100" CssClass="FieldR2" />
                                </td>
                            </tr>
                            <tr>
                                <td style="padding: 4px;">Date of Birth:</td>
                                <td style="padding: 4px;"><telerik:RadDatePicker ID="rdpBirthDate" runat="server" MinDate="1/1/1900" /></td>
                            </tr>
                            <tr>
                                <td style="padding: 4px;">Email address:</td>
                                <td style="padding: 4px;">
                                    <asp:TextBox ID="txtEmailaddr" runat="server" Width="250px" MaxLength="256" CssClass="FieldR2" />
                                    <asp:Label ID="lblConfirmationMessage" runat="server" ForeColor="Red" Text="The email address is not yet confirmed." />
                                </td>
                            </tr>
                            <tr>
                                <td style="padding: 12px 4px; vertical-align: top">Home address:</td>
                                <td style="padding: 4px;">
                                    <div style="padding: 4px 0px;">
                                        <asp:TextBox ID="txtHomeAddressTxt" runat="server" Width="300px" MaxLength="255" CssClass="FieldR2" /></div>
                                    <div style="padding: 4px 0px;">
                                        <asp:TextBox ID="txtHomeAddress2Txt" runat="server" Width="300px" MaxLength="255" CssClass="FieldR2" /></div>
                                    <div style="padding: 4px 0px;">
                                        <asp:TextBox ID="txtHomeCityTxt" runat="server" Width="150px" MaxLength="255" CssClass="FieldR2" />
                                        <asp:TextBox ID="txtHomeStateCd" runat="server" Width="30px" MaxLength="2" CssClass="FieldR2" />
                                        <asp:TextBox ID="txtHomeZipCd" runat="server" Width="50px" MaxLength="5" CssClass="FieldR2" /></div>
                                </td>
                            </tr>
                            <tr>
                                <td style="padding: 4px;">Home Phone:</td>
                                <td style="padding: 4px;"><asp:TextBox ID="txtHomePhonenumTxt" runat="server" Width="150px" MaxLength="25" CssClass="FieldR2" /></td>
                            </tr>
                            <tr>
                                <td style="padding: 4px;">Mobile Phone:</td>
                                <td style="padding: 4px;"><asp:TextBox ID="txtCellPhonenumTxt" runat="server" Width="150px" MaxLength="25" CssClass="FieldR2" /></td>
                            </tr>
                            <tr>
                                <td style="padding: 4px; vertical-align: top;">Profile Picture:</td>
                                <td style="padding: 4px;">
                                    <asp:Image ID="imgProfileIcon" runat="server" Visible="false" />
                                    <telerik:RadAsyncUpload ID="fuProfileIcon" runat="server" MaxFileInputsCount="1" />
                                    <asp:Label ID="lblIconSizeRule" runat="server" Text="(If image is bigger than 200 pixels in width or height, it will be cropped to 200pixels.)" />
                                </td>
                            </tr>
                            <tr>
                                <td style="padding: 4px;">&nbsp;</td>
                                <td style="padding: 4px;">
                                    <asp:Button ID="btSaveProfile" runat="server" Text="Save" />
                                    <asp:Label ID="lblSuccess" runat="server" ForeColor="Red" />
                                </td>
                            </tr>
                        </table>
                    </article>
                </telerik:RadPageView>
            </telerik:RadMultiPage>
        </div>
        <div style="clear: both;"></div>
    </div>
    <div style="clear: both;"></div>
</asp:Content>
